<?php
	
	/**
	 * Load doctype
	 */
	$plugins -> html -> doctype ( "XHTML 1.0 Strict" );
	
?>

<head>

<?php

	/**
	 * Lets load standard meta tags...
	 * ( title, content-type, author, organization, keywords, description )
	 */
	$plugins -> head -> standardMeta();
	
	/**
	 * Deny access for robots!!!! 
	 */
	$plugins -> robots -> deny();

	/**
	 * Load css template!
	 */
	$plugins -> css -> load(
		array (
			"style"     => "screen",
			"styleIE"   => "screen",
			"styleIE7"  => "screen"
		)
	);
	?>
	<script type="text/javascript">
		var domain = '<?php self::$system -> enviroment -> url ?>backend/';
	</script>
	<?php
	/**
	 * Lets go load javascript files...
	 */
	$plugins -> js -> load( array (
		"jquery-1.2.6" => false,
		//"jquery/hotkeys"    => false,
		"jquery-ui"         => false,
		"workspaceat/menu"  => false,
		//"workspaceat/hotkeys"  => false,
		"workspaceat/fastlaunch" => false,
		//"workspaceat/alerts"     => false,
		//"workspaceat/notice_window" => false,
	));
	
?>
</head>
<body>

	<!-- STARTUP NOTICE AREA-->
	<div class="notice" id="notice">
		
		<div class="box">
			<div class="header">
				<h2>Welcome to Workspace@ accounting!</h2>
				
				<img class="x" id="close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/exit_btn_notice.png" alt="Close window" />
			</div>
			
			<div class="container">
				<p>Dear user,</p>
				
				<p class="alert">Do you want to access tutorials for more details?</p>
				
				<p>We see that you are accessing accounting area for the first time or you didn't
				check remember my answer. If you wish that this notice doesn't show itself again,
				check remember my answer!</p>
					
				<form action="#" onsubmit="return false;">
						<input type="checkbox" id="remember_checkbox" /> 
						<span>Remember my answer!</span>
				</form>
				
				<a href="#" class="likebutton" id="notice_ok"  title="">Show tutorials!</a>
				<a href="#" class="likebutton" id="notice_not" title="">Close!</a>
			</div>
			
			<div class="footer">&nbsp;</div>
		</div>
		
	</div>
	
	<!-- FAST LAUNCHER AREA -->
	<div class="fastlaunch" id="fastlaunch">
		
		<div class="topfix">
			<img class="x" id="launch_close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/launch_x.png" alt="Close window" />
		</div>
		
		<div class="container">
			<h1>Workspace@ quick access</h1>
			
			<p>This area is used for quick access inside of Workspace@ features. Just start to write
			   down and system will find and save your searchs :)</p>
			   
			<input type="text" id="fastlaunch_browser" name="fastlaunch_browser" value="Start to typing..." />
		</div>
		
		<div class="bottomfix">&nbsp;</div>
	</div>
	
	<div class="fastlaunch_activator">
		
		<ul>
			<li>
			<img class="x" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quicklaunch_btn.png" alt="Close window" />
			</li>
		</ul>
	</div>
	
	<!-- FLOATING QUICK NAVI AREA -->
	<div class="quicknavi" id="quicknavi">
		
		<div class="handler" id="quicknavi_handler">
			<div class="fukyou">
				<img class="quick_handler" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quickmenu_title_bg.png" 
				alt="Open/Close quick navigation" />
			</div>
		</div>
		
		<div class="container" id="quicknavi_container">
			<h2>Workspace@ Engine standard shortcuts</h2>
			
			<ul>
			
				<li id="homepage_link">
					<h2>Home page</h2>
					<p><a href="<?php echo $plugins -> page -> link ( "" ); ?>" title="<?php echo $plugins -> language -> startlinktitle; ?>" >Go to Workspace@ Engine home page!</a></p>
				</li>
				
				<li id="quickl_handler">
					<h2>Quick launcher</h2>
					<p>Quick launcher will help you to easily access W@E features!</p>
				</li>
				
				<li>
					<h2>Notes</h2>
					<p id="notes_handler">Do we need to write any description for this?</p>
				</li>
			</ul>
			
			<div class="fukyou2">
				<p>There are no deadlines or alerts to show! That's good :D</p>
				
				<p>If you like to, you can define one :) LoL</p>
			</div>
		</div>
		
	</div>

	<?php
		$repository->menu->loadComponent( "main", "backend" );
	?>
	
	<!-- USER AREA -->
	<div class="userarea">
		
		<!-- Container exists because of bg fix. Don't remove it! -->
		<div class="container">
		
			<h1>quick user area</h1>
			
			<p>Welcome to quick user area. Click on links below to modify your user account</p>
			
			<ul>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "accounting/groups/add" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Account info</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Manage profile</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Team area</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Private messages (0)</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "authenticate/logout" ); ?>" 
					title="<?php echo $plugins -> language -> logout; ?>" ><?php echo $plugins -> language -> logout; ?></a>
				</li>
			</ul>
		</div>
		
	</div>
	
	<!-- Top fixer and alert container a.k.a area -->
	<div class="topfix">
		<div class="alert" id="basealert">
			<h1 id="balerttitle">Workspace@ activation error</h1>
			<p  id="balertmessage">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
			   Sed lobortis blandit lorem. Mauris dictum dolor nec eros. Integer vitae massa id odio rutrum pretium. 
			   Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu, rutrum vitae, 
			   lobortis in, pharetra quis, nunc.</p>	
		</div>
	</div>
	
	<!-- PAGE WARPER -->
	<div class="warp">
		
		<!-- CONTAINER AREA-->
		<div class="container">
			
			<div class="box">
				<h1>Workspace@ Accounting Start - 10 latest team and user activities</h1>
				<hr />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
				Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, 
				tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
				Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.</p>
				
				<ul class="numberlist">
					<li>
						<span>1.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>2.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>3.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>4.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>5.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					
					<li>
						<span>6.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					<li>
						<span>7.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					<li>
						<span>8.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>
					<li>
						<span>9.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>				
					<li>
						<span>10.</span>
						<span class="title">Fastforward ( Core team )</span>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
						   Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor 
						   nec eros. Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
						   accumsan eget, odio. Nullam odio arcu, rutrum vitae, lobortis in, pharetra quis, nunc.</p>
					</li>				
				</ul>
			</div>
			
		
		</div>
		
		<!-- SUBNAVI AREA -->
		<div class="subnavi">
		
			<div class="red">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Shortcuts</h1>
				<a href="#" title="#">Click here to manage your shortcuts!</a>
				
				<ul>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "accounting/groups/add" ); ?>" title="#">Add new group</a>
						<p>Add new accounting group.</p>
					</li>
					
					<li>
						<a href="#" title="#">Add new user</a>
						<p>Add new user inside of some group!</p>
					</li>
					<li>
						<a href="#" title="#">List of all groups</a>
						<p>List of all non-garbaged groups!</p>
					</li>
					<li>
						<a href="#" title="#">List of all users</a>
						<p>List of all non-garbaged users!</p>
					</li>
					<li>
						<a href="#" title="#">Your profile area</a>
						<p>Manage your profile.</p>
					</li>
					<li>
						<a href="#" title="#">Accounting garbage</a>
						<p>Permanenty delete or restore deleted.</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			
			<div class="blue">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Groups related menu</h1>
				<a href="#" title="#">Click here to manage related menu!</a>
				
				<ul>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "accounting/groups/add" ); ?>" title="#">Add new group</a>
						<p>Add new group inside of system!</p>
					</li>
					
					<li>
						<a href="#" title="#">Modify existing groups</a>
						<p>Modify existing groups inside of this system</p>
					</li>
					
					<li>
						<a href="#" title="#">Delete existing group</a>
						<p>Send groups to garbage.</p>
					</li>
					<li>
						<a href="#" title="#">Access global group logs</a>
						<p>Only if you are super administrator!</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			
			<div class="red">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Users related menu</h1>
				<a href="#" title="#">Click here to modify related menu!</a>
				
				<ul>
					<li>
						<a href="#" title="#">Add new user</a>
						<p>Add new user inside of existing group!</p>
					</li>
					
					<li>
						<a href="#" title="#">Modify existing user</a>
						<p>Modify existing user inside of existing group</p>
					</li>
					
					<li>
						<a href="#" title="#">Delete existing user</a>
						<p>Send desired user to garbage!</p>
					</li>
					<li>
						<a href="#" title="#">Access global user logs</a>
						<p>Only if you are super administrator!</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			<div class="blue">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Your user account related menu</h1>
				<a href="#" title="#">Click here to manage related menu!</a>
				
				<ul>
					<li>
						<a href="#" title="#">Modify global questions</a>
						<p>Add new group inside of system!</p>
					</li>
					
					<li>
						<a href="#" title="#">Modify additional questions</a>
						<p>Modify existing groups inside of this system</p>
					</li>
					
					<li>
						<a href="#" title="#">Access private messaging system</a>
						<p>Send groups to garbage.</p>
					</li>
					<li>
						<a href="#" title="#">Access your logs</a>
						<p>See what your account did on this system</p>
					</li>
					<li>
						<a href="#" title="#">Delete account</a>
						<p>Delete yourself from this system!</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
		</div>
		
	</div>
	
	
	<!-- Bottom fix area -->
	<div class="bottomfix">
	
		<div class="footer">
			<p>Copyright 2008-2009 <a href="http://workspaceat.com" title="#">Workspace@</a> in association with 
			   <a href="http://designstrategist.hr" title="#">Design strategist</a></p>
		</div>
		
	</div>
	
</body>
</html>